跳到主要内容

Svelte 第一印象

· 阅读需 1 分钟
Random Image
图片与正文无关

这是一个较新的前端组件化方案，名字貌似很好读，简单看了一篇文章，初步体会有以下几个特性

  • 不需要虚拟 dom，运行时短小，不到 200 行
  • 可以跟其他组件化方案配合使用，比如 Vue
  • 由于在构建阶段做了很多事情，所以渲染性能更好一些，据说某些情况下是 Vue 的 5 倍
  • Svelte 组件看起来更符合 html 的语法，和 Vue 相比

Svelte 简单组件​

// App.svelte
<div>
  <p>{title}</p>
  <img src="{src}" />
</div>
<script>
  //作用域内部声明变量
  let title = "Svelte";
  let src = "XXX";
</script>
<style>
  div {
  }
</style>